/* Marmalade: an Emacs Lisp package server.
 * Copyright (C) 2010 Google Inc.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@import "compass/css3/border-radius";
@import "compass/css3/box-sizing";
@import "compass/utilities/links/link-colors";
@import "fancy-buttons";

.elisp {
  background-color: mix(white, blue, 93%);
  @include border-radius(4px);
}

code.line {
  display: block;
  margin-left: 20px;
}

.variable {
  font-style: italic;
}

.signin {
  @include fancy-button;
  @include fancy-button-colors(desaturate($marmalade, 30%));

  text-align: center;
  line-height: 20px;
}

.message {
  font-size: 20px;
  @include border-radius(6px);
  text-align: center;
  @include push(floor($blueprint-grid-columns/6));
  @include column(ceil($blueprint-grid-columns*2/3), true);
  @include box-sizing(border-box);
  padding: 5px;

  a {
    text-decoration: none;
    font-weight: bold;
  }
}

@mixin link-theme($base-color) {
  a {
    @include link-colors(
      $base-color,
      darken($base-color, 10%),
      lighten($base-color, 10%),
      darken($base-color, 5%),
      darken($base-color, 10%));
  }
}

.error {
  @extend .message;
  background-color: darken(mix(red, $marmalade, 25%), 10%);
  color: white;
  @include link-theme(lighten($marmalade, 30%));
}

.info {
  @extend .message;
  background-color: lighten($marmalade, 25%);
  @include link-theme(darken($marmalade, 10%));
}

.package-link {
  @include link-colors(
    black,
    lighten(black, 30%),
    lighten(black, 50%),
    lighten(black, 15%),
    lighten(black, 40%));
  text-decoration: none;
}
